import React from 'react';
import { connect } from 'dva'
import { routerRedux } from 'dva/router';
import { List, Icon, Switch, Calendar, DatePicker, WhiteSpace, WingBlank ,Badge} from 'antd-mobile';
import { createForm } from 'rc-form';
import styles from './dwreport.less'


const nowTimeStamp = Date.now();
const now = new Date(nowTimeStamp)
class dwreport extends React.Component {


  constructor(props){
    super(props);
    this.state={
     date:now,
    }
  }

  // validateDatePicker = (rule, date, callback) => {
  //   if (date && date.getMinutes() !== 15) {
  //     callback();
  //   } else {
  //     callback(new Error('15 is invalid'));
  //   }
  // }

  render(){
    const { getFieldProps } = this.props.form;

    const datePicker =
    (
      <div>
        <DatePicker
        mode="date"
        {...getFieldProps('begin_time', {
        })}>
        {/*日期选择:*/}

        </DatePicker>
      </div>
    );
    return(
      <div className="dwreport">
        <div className={styles.tou}>
          <div className={styles.title}>
            <div className={styles.svg}> <Icon style={{width:'1rem',height:'1rem'}} type={require('../../../svgs/work/danghuih.svg')} /></div>
              <div className={styles.svgtitle}><span style={{fontSize:'0.6rem'}}><b>电子党务报告</b></span><br/>
              <span style={{fontSize:'0.256rem'}}>DIANZI&nbsp;&nbsp; DANGWU&nbsp;&nbsp; BAOGAO</span></div>
           </div>
<div className="my-datepicker" style={{width:'100%',height:'1rem'}}>
  <Badge text={<DatePicker
    mode="date"
    {...getFieldProps('begin_time', {
    })}>
    <List.Item>日期选择:</List.Item>
    {/*<Badge text={'日期选择'} />*/}
  </DatePicker>}
         style={{
           marginLeft: 12,
           padding: '0 3px',
           backgroundColor: '#fff',
           borderRadius: 15,
           color: '#f19736',
           border: '1px solid #f19736',
         }}
  />
          {/*<List className="date-list">*/}
            {/*<DatePicker*/}
              {/*mode="date"*/}
              {/*{...getFieldProps('begin_time', {*/}
              {/*})}>*/}
              {/*<List.Item arrow="horizontal">日期选择:</List.Item>*/}
              {/*/!*<Badge text={'日期选择'} />*!/*/}
            {/*</DatePicker>*/}
          {/*</List>*/}

</div>
        </div>
        <div className={styles.detail}>
        <p><span style={{color:'#58AEEE'}}>党组织：</span>所属基层党组织3013个，其中，工委直接管理的机关党委(总支)96个，部门机关党委管理的党委65个，党总支117个，党支部2735个
          (设支委的1937个，不设支委的798个)。</p>
          <p><span style={{color:'#58AEEE'}}>党员</span>：所属党员40474名，其中正式党员35968名。预备党员470名，离退休党员10149名，流动党员4707名，本月发展党员4名。</p>
          <p><span style={{color:'#58AEEE'}}>积分</span>：工委直接管理的机关党委(总支)积分平均49.6分，最高分59.4分，最低分32.9分；部门机关党委管理的党委(总支)积分平均分46.9分，最高分
          60.0分，最低分28.0分；</p>
          <p><span style={{color:'#58AEEE'}}>党费</span>：本月应交纳党费1164595.4元，以交纳党费1101867.4元，未交纳党费62728.0元，（尚有1300名同志未交纳党费）</p>
        </div>
      </div>
    )
  }
}

function mapStateToProps({work}) {
  return {work}
}
const dwreportx = createForm()(dwreport);

export default connect(mapStateToProps)(dwreportx);
